<template>
    <div>
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="创业版50" name="first">
                <PublicCompany v-if="activeName === 'first'" name="5"/>
            </el-tab-pane>
            <el-tab-pane label="中证500" name="second">
                <PublicCompany v-if="activeName === 'second'" name="4"/>
            </el-tab-pane>
            <el-tab-pane label="沪深300" name="third">
                <PublicCompany v-if="activeName === 'third'" name="3"/>
            </el-tab-pane>
            <el-tab-pane label="上证50" name="fourth">
                <PublicCompany v-if="activeName === 'fourth'" name="2"/>
            </el-tab-pane>
            <el-tab-pane label="MSCI" name="fifth">
                <PublicCompany v-if="activeName === 'fifth'" name="1"/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import PublicCompany from './publicCompany.vue'
export default {
    name:'typeManage',
    data () {
        return {
            activeName: 'first',
            curList: []
        }
    },
    methods: {
        handleClick() {
            // console.log(event);
        }  
    },
    components: {
        PublicCompany
    }
}
</script>
<style lang="scss" scoped>

</style>

